
import { Routes , Route } from 'react-router' ;
import {  BrowserRouter as Router } from 'react-router-dom';

import Nav from './views/Nav';
import Default from './views/Default';
import Home from './views/Home';
import About from './views/About';
import Name from './views/Name';
import Search from './views/Search';

function App() {
  return (
    <Router>
      <div className="App">

        <Nav />
        
        <Routes>
          <Route path="/" element={<Default />} />
          <Route path="/home" element={<Home />} />
          <Route path="/name/:name" element={<Name />} />
          <Route path="/s" element={<Search />} />
          <Route path="/about" element={<About />} ></Route>
        </Routes>
        
      </div>
    </Router>
  );
}

export default App;
